/*!
 * Bootstrap Override - By - Dibyanshu Date - 12th, Aug, 2014
 */

body {background-color: #f8f8f8}
#wrapper {width: 100%}
#page-wrapper {padding: 0 15px;min-height: 568px;background-color: #fff}
@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin-left: 200px;
        padding: 0 20px;
        border-left: 1px solid #e7e7e7
    }
}
/* Show welcome message for user - {sharad - 12-Oct-2014} */
#welcomeUserUniqueID{width:400px;margin:0 auto;position:absolute;top:20px}
/* end - {sharad - 12-Oct-2014}*/
.navbar-top-links li {display: inline-block}
.navbar-top-links li:last-child {margin-right: 15px}
.navbar-top-links li a {padding: 15px;min-height: 50px;}
.navbar-top-links .dropdown-menu li {display: block}
.navbar-top-links .dropdown-menu li:last-child {margin-right: 0}
.navbar-top-links .dropdown-menu li a {padding: 3px 20px;min-height: 0}
.navbar-top-links .dropdown-menu li a div {white-space: normal}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {width: 310px;min-width: 0}
.navbar-top-links .dropdown-messages {margin-left: 5px}
.navbar-top-links .dropdown-tasks {margin-left: -59px}
.navbar-top-links .dropdown-alerts {margin-left: -123px}
.navbar-top-links .dropdown-user {right: 0;left: auto}
.sidebar .sidebar-nav.navbar-collapse {padding-right: 0;padding-left: 0}
.sidebar .sidebar-search {padding: 15px}
.sidebar ul li {border-bottom: 1px solid #e7e7e7}
.sidebar ul li a.active {background-color: #eee}
.sidebar .arrow {float: right}
.sidebar .fa.arrow:before {content: "\f104"}
.sidebar .active>a>.fa.arrow:before {content: "\f107"}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {border-bottom: 0!important}
.sidebar .nav-second-level li a {padding-left: 37px}
.sidebar .nav-third-level li a {padding-left: 52px}
@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 200px;
        margin-top: 54px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}
.btn-outline {color: inherit;background-color: transparent;transition: all .5s}
.btn-primary.btn-outline {color: #428bca}
.btn-success.btn-outline {color: #5cb85c}
.btn-info.btn-outline {color: #5bc0de}
.btn-warning.btn-outline {color: #f0ad4e}
.btn-danger.btn-outline {color: #d9534f}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {color: #fff}
.chat {margin: 0;padding: 0;list-style: none}
.chat li {margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px dotted #999}
.chat li.left .chat-body {margin-left: 60px}
.chat li.right .chat-body {margin-right: 60px}
.chat li .chat-body p {margin: 0}
.panel .slidedown .glyphicon,
.chat .glyphicon {margin-right: 5px}
.chat-panel .panel-body {height: 350px;overflow-y: scroll}
.login-panel {margin-top: 25%}
.flot-chart {display: block;height: 400px}
.flot-chart-content {width: 100%;height: 100%}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {background: 0 0}
table.dataTable thead .sorting_asc:after {content: "\f0de";font-family: fontawesome}
table.dataTable thead .sorting_desc:after {content: "\f0dd";font-family: fontawesome}
table.dataTable thead .sorting:after {content: "\f0dc";font-family: fontawesome;color: rgba(50,50,50,.5)}
.btn-circle {width: 30px;height: 30px;padding: 6px 0;border-radius: 15px;text-align: center;font-size: 12px;line-height: 1.428571429}
.btn-circle.btn-lg {width: 50px;height: 50px;padding: 10px 16px;border-radius: 25px;font-size: 18px;line-height: 1.33}
.btn-circle.btn-xl {width: 70px;height: 70px;padding: 10px 16px;border-radius: 35px;font-size: 24px;line-height: 1.33}
.show-grid [class^=col-] {padding-top: 10px;padding-bottom: 10px;border: 1px solid #ddd;background-color: #eee!important}
.show-grid {margin: 15px 0}
.huge {font-size: 40px}
.panel-green {border-color: #5cb85c}
.panel-green .panel-heading {border-color: #5cb85c;color: #fff;background-color: #5cb85c}
.panel-green a {color: #5cb85c}
.panel-green a:hover {color: #3d8b3d}
.panel-red {border-color: #d9534f}
.panel-red .panel-heading {border-color: #d9534f;color: #fff;background-color: #d9534f}
.panel-red a {color: #d9534f}
.panel-red a:hover {color: #b52b27}
.panel-yellow {border-color: #f0ad4e}
.panel-yellow .panel-heading {border-color: #f0ad4e;color: #fff;background-color: #f0ad4e}
.panel-yellow a {color: #f0ad4e}
.panel-yellow a:hover {color: #df8a13}


.logo {background-image: url(../img/img-logo.png);width: 383px;margin: 1px 12px;background-repeat: no-repeat}
.logoM {background-image: url(../img/img-logo-m.png);width: 235px;margin: 1px 12px;background-repeat: no-repeat}
.topSelectionBar .form-group {margin-bottom: 0px!important;margin-top: 9px}
.topSelectionBar label {margin-top: 6px}
.clearboth {clear: both}

#menu-Dragger{position: fixed;z-index: 1001;left: 194px;cursor: pointer;width: 20px}
#menu-Dragger-open{position: fixed;z-index: 1001;cursor: pointer;width: 20px}

.panel-plus{cursor: pointer}
.panel-minus{cursor: pointer}

table.no-footer{margin-bottom: 0px!important}

.table>thead>tr>th{border: 0px none transparent}

.panel-title {font-size:14px}
.panel-heading {height: 27px;padding: 5px 10px}
.panel-heading-graph {height: 43px}

.chk li {float: left}
.chk li small{color: #fff}

#topAlert{position: fixed;width: 197px;top: 10px;z-index: 5000;display: block}
/* change by sharad { add margin, float, width}*/
.dataTables_length{margin-left: 12px; margin-top: 6px; float:left; width: 28.33333333%;}
.dataTables_info{margin: 7px 0px 0px 13px; margin-top: 6px; float:left; width: 28.33333333%; margin-left: 0%;}
/* end*/
.footer{height: 32px; border-top: 1px solid #ddd}
.allPortLogo{background:transparent url(../img//logo-allportcargoservices.jpg) no-repeat 0px 0px;height: 32px;width: 59px;margin-top: 10px}
.powered{padding: 20px 15px 0px 0px;color:#999}

.sidebar {}
#page-wrapper{}

#saveAllOrderComment{display: none}
#saveAllStoreComment{display: none}
#saveAllSiteComment{display: none}

.dataTables_wrapper ul.pagination{margin: 4px 11px;float: right}
.dataTables_wrapper .pagination > li > a, .dataTables_wrapper .pagination > li > span {padding: 3px 5px;font-size: 11px}

.startUpMark{color: #949494;margin-left: 10px;float: right} 
.SPactive{color: #eab21c}

.fa-file-excel-o:hover{color: #428bca;cursor: pointer}

.table td{border-right: 1px #ddd solid}
.table thead tr th{border-right: 1px #ddd solid!important}

#map-container {height: 300px}

.form-horizontal .form-group {margin-right: 0px;margin-left: 0px;margin-bottom: 4px}
.form-horizontal .control-label{padding-top: 2px;text-align: left}
.form-horizontal .form-control{border-radius: 0px}

.breadcrumb{margin: 10px 0px 10px 0px;padding: 6px 10px}

.form-group {margin-right: 0px;margin-left: 0px;margin-bottom: 4px}
/* change by sharad*/
.dataTables_scrollBody {margin-top: -20px}
/*Fix Classes*/
.paddingLeft7{padding-left:7px}
.paddingRight2{padding-right:2px}

tr.newGHead{background-color:#75befe}
tr.newGHead th{color:#fff}

.fn-map-marker { color: red!important}
#divLHideA{display:none;position:absolute;width:21px}

#divErrorPanel{margin-top:10px;margin-bottom:0px}
#divSussesPanel{margin-top:10px;margin-bottom:0px}

#store-milestones-table_wrapper tr.newGHead th.sorting_asc:after{content:normal}
#order-status-cumulative-table_wrapper tr.newGHead th.sorting_asc:after{content:normal}
#order-status-table_wrapper tr.newGHead th.sorting_asc:after{content:normal}
#order-status-cumulative-table_wrapper .dataTables_scrollBody{margin-top:0px}

.search_init {width: 100%!important;padding: 1px, 0px !important}

@media (min-width: 768px) {
    .newGHead .form-control {
        width: 100% !important;
    }
}

.morris-hover-point{color:#000 !important}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-bottom: 1px solid #ddd}

#searchDialogueText{margin-top:10px}
label[for=searchDialogueText]{margin-top:11px}

rect{cursor:pointer}
.morris-hover-point{cursor:pointer}

#store-milestones-table_wrapper .dataTables_scrollHead{height:40px}
#store-milestones-table_wrapper .dataTables_scrollBody{}

/* this code is used for providing tooltip for column filter search {sharad: 13-Oct-2014}*/
[data-tip] {
	position:relative;

}
[data-tip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;	
	position:absolute;
	top:30px;
	left:35px;
	z-index:8;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
[data-tip]:after {
	display:none;
	content:attr(data-tip);
	position:absolute;
	top:35px;
	left:0px;
	padding:1px 5px;
	background:#1a1a1a;
	color:#fff;
	z-index:9;
	font-size: 0.75em;
	height:18px;
	line-height:18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
	display:block;
}
/*#store-milestones-table_wrapper .dataTables_scrollBody{margin-top:0px!important}*/
#order-status-table_wrapper .dataTables_scrollBody{margin-top:0px!important}
#order-comments-table_wrapper .dataTables_scrollBody{margin-top:-20px!important}
#site-comment-table_wrapper .dataTables_scrollBody{margin-top:0px!important}
/*#store-comment-table_wrapper .dataTables_scrollBody{margin-top:0px!important}*/
/* end */